<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页03</title>

    <link rel="stylesheet" href="//at.alicdn.com/t/font_754112_t1bhepmfi69.css">
    <link rel="stylesheet" href="../css/wy3.css">

</head>
<body>
<!--头部 开始 -->
<header>
    <div class="safe clear">
        <div class="left">
            <i class="iconfont icon-shouji" >免费热线：408-863-253</i>
        </div>
        <div class="right">
            <span class="headertext01">快速注册</span>
            <span class="headertext02">立即登录</span>
            <span class="headertext03">帮助中心</span>
        </div>
    </div>
</header>
<!--头部 结束 -->

<!--导航栏 开始 -->
<div class="safe clear dhl">
    <div class="left">
        <img src="../image/logo.png">
    </div>
    <nav class="right">
        <a href="#" class="on">首页</a>
        <a href="#">我要理财</a>
        <a href="#">我要借款</a>
        <a href="#">新手指引</a>
        <a href="#">关于我们</a>
    </nav>
</div>
<!--导航栏 结束 -->

<!--Banner 开始 -->
<section id="banner">
    <div><img src="../image/banner.jpg"></div>
</section>
<!--Banner 结束 -->

<!--第一层 开始 -->
<section id="floor01">
    <div class="safe all-img">
        <div class="img1 disib">
            <img src="../image/img-1.jpg">
            <h1>投资理财</h1>
            <span>告别月光一族，理性投资，最高可获得15%年<br/>化利率的稳定收益。</span>
        </div>
        <div class="img2 disib">
            <img src="../image/img-2.jpg">
            <h1>信用贷款</h1>
            <span>无需任何抵押，通过审核后即可放款，更可申<br/>请高达3—10倍贷款金额。</span>
        </div>
        <div class="img3 disib">
            <img src="../image/img-3.jpg">
            <h1>安全保障</h1>
            <span>首创P2P征信系统，信息透明化，让投资更有<br/>安全感。</span>
        </div>
    </div>
</section>
<!--第一层 结束 -->

<!--第二层 开始   第二层是一个表格在一个色块里面（表格没有左右边框，分别距离左右10个像素，即表格table在色块table-wid里面，
     用表格来做(6行7列），注意表格要用div包裹起来，不然没办法设置padding（边距） -->
<section id="floor-2">
    <div class="safe table-wid">
        <table id="table">
            <thead>
            <tr>
                <td colspan="7">  <!--（合并表头的7列）-->
                    <i class="iconfont icon-zhuzhuangtu"></i>
                    <span>投资列表</span>
                </td>
            </tr>
            </thead>

            <tbody>
            <tr class="bt">
                <!-- 表身的第一列和最后一列没有内容，所以内容为空，不填 -->
                <td></td>
                <td>借款标题</td>
                <td>年利率</td>
                <td>金额</td>
                <td>期限</td>
                <td>进度</td>
                <td></td>
            </tr>
            <tr class="border check">
                <td>
                    <i class="shi">实</i>
                </td>
                <td>理财宝A计划</td>
                <td>8-9%</td>
                <td>63,000元</td>
                <td>3个月</td>
                <td>
                    <i class="yuan">100%</i>
                </td>
                <td>
                    <button type="button" class="join">立即加入</button>
                </td>
            </tr>
            <tr class="border check">
                <td>
                    <i class="shi">实</i>
                </td>
                <td>理财宝A计划</td>
                <td>8-9%</td>
                <td>63,000元</td>
                <td>3个月</td>
                <td>
                    <i class="yuan">100%</i>
                </td>
                <td>
                    <button type="button" class="join">立即加入</button>
                </td>
            </tr>
            <tr class="border check">
                <td>
                    <i class="shi">实</i>
                </td>
                <td>理财宝A计划</td>
                <td>8-9%</td>
                <td>63,000元</td>
                <td>3个月</td>
                <td>
                    <i class="yuan">100%</i>
                </td>
                <td>
                    <button type="button" class="join">立即加入</button>
                </td>
            </tr>
            </tbody>

            <tfoot>
            <tr>
                <td colspan="7">查看更多投资理财项目</td>
            </tr>
            </tfoot>
        </table>
    </div>
</section>
<!--第二层 结束 -->

<!--第三层 开始 -->
<section id="floor-3">
    <div class="safe K">
        <div>
            <span>投资效果</span>
        </div>
        <hr/>
        <div class="safe FL-3 clear">
            <div class="FL3-1 left">
                <img src="../image/img-4.jpg">
                <p>累计总金额</p>
                <h1>￥353,492</h1>
            </div>
            <div class="FL3-2 left">
                <img src="../image/img-5.jpg">
                <p>加入总人次</p>
                <h1>103,550次</h1>
            </div>
            <div class="FL3-3 left">
                <img src="../image/img-6.jpg">
                <p>为用户自动投标</p>
                <h1>4,513,034次</h1>
            </div>
            <div class="FL3-4 left">
                <img src="../image/img-7.jpg">
                <p>为用户累计赚取</p>
                <h1>￥298,747,714元</h1>
            </div>
        </div>
    </div>
</section>
<!--第三层 结束 -->

<!--第四层 开始 -->
<section id="floor-4">
    <div class="safe">
        <div class="f4-1">
            <span>合作伙伴</span>
            <a href="#">更多>></a>
        </div>
        <div class="pics clear">
            <div class="p1 left">
                <img src="../image/pic-1.jpg">
            </div>
            <div class="p2 left">
                <img src="../image/pic-2.jpg">
            </div>
            <div class="p3 left">
                <img src="../image/pic-3.jpg">
            </div>
            <div class="p4 left">
                <img src="../image/pic-4.jpg">
            </div>
            <div class="p5 left">
                <img src="../image/pic-5.jpg">
            </div>
            <div class="p6 left">
                <img src="../image/pic-6.jpg">
            </div>
            <div class="p7 left">
                 <img src="../image/pic-7.jpg">
             </div>
            <div class="p8 left">
                <img src="../image/pic-8.jpg">
            </div>
        </div>
        <div class="f4-2">
            <span>友情链接</span>
            <a href="#">更多>></a>
        </div>
        <div class="as clear">
            <a href="#" class="left on">258集团</a>
            <a href="#" class="left">钱多多</a>
            <a href="#" class="left">财富帮</a>
            <a href="#" class="left">信易贷</a>
            <a href="#" class="left">万贷好</a>
            <a href="#" class="left">宜信</a>
            <a href="#" class="left">小牛资本</a>
            <a href="#" class="left">信而富</a>
            <a href="#" class="left">玖富</a>
            <a href="#" class="left">恒昌</a>
            <a href="#" class="left">民生银行</a>
        </div>
    </div>
</section>
<!--第四层 结束 -->

<!--footer 开始 -->
<footer id="footer">
    <div class="last safe">
        <div class="ft1">
            <a href="#">关于我们</a>
            <a href="#">合作伙伴</a>
            <a href="#">最新动态</a>
            <a href="#">联系我们</a>
            <a href="#">我要理财</a>
            <a href="#">我要借款</a>
            <a href="#" class="border-none">新手引导</a>
        </div>
        <div class="ft2">
            <p>厦门钱宝宝投资发展有限公司</p>
            <p>Copyright © 2015 qianbaobao.com Inc. All Rights Reserved. 闽ICP备10018231号</p>
            <p>服务热线：4006-258-258</p>
        </div>
        <div class="ft3">
            <img src="../image/xt1.jpg">
            <img src="../image/xt2.jpg">
            <img src="../image/xt3.jpg">
            <img src="../image/xt4.jpg">
            <img src="../image/xt5.jpg">
        </div>
    </div>
</footer>
<!--footer 结束 -->

</body>
</html>